<%-- 
    Document   : index
    Created on : 3-mag-2011, 16.46.31
    Author     : Delo Team
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <style type="text/css"></style>
        <%@ include file="/style/styles.html" %>
        <%@ include file="/js/libraries.html" %>   
        <title>Delo Project</title>

    </head>
    <body onload="init()">
        <div id="wrapper">
            <%@ include file="/header.jsp" %>
            <div id="body">

                <br /><br />
                <div id="second_half">
                    <img src="/delo-war/images/events.jpg" alt="party" height="300" width="450">
                </div> 
                <div id="first_half"> 
                   
                    <h1>Benvenuto nel geolocalizzatore aggregatore di eventi!</h1>


                    <p class="big_one">Grazie a questo servizio potrai facilmente condividere tutti i tuoi eventi facebook col mondo.
                    </p>
                    <div id="first_button">
                        <a href="/delo-war/maps/index.jsp" class="button1">      
                            <img src="/delo-war/images/buttonCercaEventi.png" alt="cerca Eventi">
                        </a>
                    </div>
                    <div id="second_button">
                        <a href="/delo-war/SponsoredEventManagerServlet" class="button2">      
                            <img src="/delo-war/images/buttonSponsor.png" alt="Gestisci eventi sponsorizzati">
                        </a>             
                    </div>
                </div><p class="clear"></p>

                <br />
                <div id="separatore"></div>
                <p class="clear"></p>
                 <table border="0" cellpadding="30" cellspacing="20" width="100%">
                    <tbody>
                        <tr>
                            <td width="49%">
                                <table width="92%">
                                    <tr>
                                        <tr>               <p class="big_one"> <b>Cliccando su "Cerca Eventi": </b></p>

                                    <td class="feature-image"><img alt="insert" src="/delo-war/images/search.jpg" height="120" width="120"></td>
                                    <td >
                                        
                                        <p class="big_one">Se darai il tuo consenso, verrai automaticamente geolocalizzato: inserendo come parametri le date di tuo interesse, 
                                            verranno automaticamente visualizzati su una mappa tutti gli eventi che avranno luogo in tale periodo di tutti gli utenti 
                                            del mondo che hanno installato l'applicazione Delo Project. </p>
                                        <p class="big_one">Inoltre, cliccando su uno di questi, verrà calcolato il percorso (in auto o a piedi) verso il luogo dove si terrà 
                                            l'evento!</p>
                                    </td>
                                    </tr>
                                    </tr>
                                </table>
                            </td>
                            <td width="49%">
                                <table width="95%">
                                    <tr>
                                        <tr>              <p class="big_one">    <b>Cliccando su "Sponsorizza": </b></p>
                                    <td class="feature-image"><img alt="insert" src="/delo-war/images/promuovi.jpg" height="120" width="160"></td>
                                    <td>
                                        <p class="big_one">Una volta effettuato l'accesso con le tue credenziali Facebook, potrai inoltre promuovere e gestire i tuoi eventi!<br/>
                                            Ottendendo infatti un numero di "Impression" a tua scelta, i tuoi eventi verranno infatti visualizzati per primi.
                                        </p>
                                    </td>
                                                                        </tr>

                                    </tr>
                                </table>
                            </td>
                        </tr>
                    </tbody>
                </table>




                <br />  
            </div>


            <div id="footer">
                unito.it - DIPARTIMENTO DI INFORMATICA (Facolt&agrave; di Scienze M.F.N.) - C.so Svizzera 185, Torino
            </div>

        </div>

    </body>
</html>


